<!DOCTYPE html>
<!--[if IE 8 ]>
<html class="ie ie8" class="no-js" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>橡木匣子--#{get 'title'/}</title>
        <meta name="description" content="">

        <!-- CSS FILES -->
        <link rel="stylesheet" href="@{'/web/css/bootstrap.min.css'}"/>
        <link rel="stylesheet" href="@{'/web/css/style.css'}">
        <link rel="stylesheet" type="text/css" href="@{'/web/css/style.css'}" media="screen" data-name="skins">
        <link rel="stylesheet" href="@{'/web/css/layout/wide.css'}" data-name="layout">

        <link rel="stylesheet" media="screen" href="@{'/public/javascripts/quill/quill.base.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/javascripts/quill/quill.snow.css'}">

        <link rel="stylesheet" type="text/css" href="@{'/web/css/switcher.css'}" media="screen"/>

        #{get 'moreStyles'/}
        <link rel="stylesheet" media="screen" href="@{'/web/css/main.css'}">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <!--Start Header-->
        <header id="header">

            <div id="menu-bar">
                <div class="container">
                    <div class="row">
                        <!-- Logo / Mobile Menu -->
                        <div class="col-lg-3 col-sm-3 ">
                            <div id="logo">
                                <h1><a href="@{F.index}"><img src="@{'/web/images/logo.png'}" alt=""/></a></h1>
                            </div>
                        </div>
                        <div class="col-lg-9 col-sm-9 navbar navbar-default navbar-static-top container" role="navigation">
                            <!--  <div class="container">-->
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
                            <div class="navbar-collapse collapse" style="float:left;">
                                <ul class="nav navbar-nav" >
                                    <li><a href="@{F.index}"><span class="" data-hover="首页">首页</span></a></li>
                                    <li><a href="@{F.index}"><span class="" data-hover="资料库">资料库</span></a></li>
                                    <li><a href="@{F.index}"><span class="" data-hover="交流区">交流区</span></a></li>
                                </ul>
                            </div>

                            <div class="navbar-collapse collapse">
                                <ul class="nav navbar-nav">

                                    #{ifnot _user_}
                                    <li><a href="@{F.reg}"><span class="" data-hover="注册">注册</span></a></li>
                                    <li><a href="@{F.login}"><span class="" data-hover="登录">登录</span></a></li>
                                    #{/ifnot}
                                    #{if _user_}
                                    <li><a href="@{F.new_post}">发帖</a></li>
                                    <li><a href="javascript:undefined">${_user_.nickname}</a></li>
                                    <li><a href="@{F.logout}"><span class="" data-hover="退出">退出</span></a></li>
                                    #{/if}
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!--End Header-->

        <!--start wrapper-->
        <section class="wrapper">


            <section class="content faq">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-9">
                            #{doLayout/}
                        </div>

                        <!--Sidebar Widget-->
                        <div class="col-lg-3">
                            <div class="sidebar">
                                <div class="widget widget_search">
                                    <div class="site-search-area">
                                        <form method="get" id="site-searchform" action="#">
                                            <div>
                                                <input class="input-text" name="s" id="s" placeholder="输入你想要的..." type="text"/>
                                                <input id="searchsubmit" value="Search" type="submit"/>
                                            </div>
                                        </form>
                                    </div><!-- end site search -->
                                </div>
                                <div class="widget widget_categories">
                                    <div class="widget_title">
                                        <h4><span>我的</span></h4>
                                    </div>
                                    <ul class="arrows_list list_style">
                                        <li><a href="@{F.my_drafts}">我的草稿</a></li>
                                        <li><a href="@{F.my_favors}">我的收藏</a></li>
                                        <li><a href="@{F.my_follows}">我的关注</a></li>
                                        <li><a href="@{F.my_published}">我发布的资料</a></li>
                                        <li><a href="#">我发布的帖子</a></li>
                                        <li><a href="#">我评论的帖子</a></li>
                                    </ul>
                                </div>
                                <div class="widget widget_categories">
                                    <div class="widget_title">
                                        <h4><span>主题</span></h4>
                                    </div>
                                    <ul class="arrows_list list_style">
                                        #{list boards,as:'board'}
                                        <li><a href="@{F.view_board(board.id)}"> ${board.name}</a></li>
                                        #{/list}
                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </section>

        </section>
        <!--end wrapper-->

        <section class="footer_bottom">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6">
                        <p class="copyright">&copy; 版权所有 2015 香蕉品</p>
                    </div>

                    <div class="col-sm-6 ">
                        <div class="footer_social">
                            <ul class="footbot_social">
                                <li><a class="rss" href="#." data-placement="top" data-toggle="tooltip" title="RSS"><i
                                            class="fa fa-rss"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <script type="text/javascript" src="@{'/web/js/jquery-1.10.2.min.js'}"></script>
        <script src="@{'/web/js/bootstrap.min.js'}"></script>
        <script src="@{'/web/js/jquery.easing.1.3.js'}"></script>
        <!-- <script src="@{'/web/js/retina-1.1.0.min.js'}"></script> -->
        <script type="text/javascript" src="@{'/web/js/jquery.cookie.js'}"></script> <!-- jQuery cookie -->
        <script type="text/javascript" src="@{'/web/js/styleswitch.js'}"></script> <!-- Style Colors Switcher -->
        <script type="text/javascript" src="@{'/web/js/jquery.smartmenus.min.js'}"></script>
        <script type="text/javascript" src="@{'/web/js/jquery.smartmenus.bootstrap.min.js'}"></script>
        <script type="text/javascript" src="@{'/web/js/jquery.jcarousel.js'}"></script>
        <script type="text/javascript" src="@{'/web/js/jflickrfeed.js'}"></script>
        <script type="text/javascript" src="@{'/web/js/jquery.magnific-popup.min.js'}"></script>
        <script type="text/javascript" src="@{'/web/js/jquery.isotope.min.js'}"></script>
        <script type="text/javascript" src="@{'/web/js/swipe.js'}"></script>
        <script type="text/javascript" src="@{'/web/js/jquery-scrolltofixed-min.js'}"></script>


        <script src="@{'/public/node_modules/dropzone/dist/dropzone.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/javascripts/quill/quill.js'}" type="text/javascript" charset="${_response_encoding}"></script>


        <script src="@{'/web/js/main.js'}"></script>
        #{get 'moreScripts'/}

    </body>
</html>
